<!doctype html>
<html><!-- InstanceBegin template="/Templates/cloud.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=640, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
<!-- InstanceBeginEditable name="doctitle" -->
<title>智能云管家-首页</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="EditRegion-jscode" -->

<script type="text/javascript" src="resources/appMobi-jQ.Mobi-3d025ab/jq.mobi.min.js"></script>
<script type="text/javascript" src="resources/js/common.js"></script>
<script type="text/javascript">
var localStr=window.location.href,cc=0;
	$(function(){
    addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
	addEventListener("orientationchange", function() { 
		setTimeout(hideURLbar, 0);
		hOrv();
	 }
	, false); 
	addEventListener("load",function(){
		$("#loading").hide();
		$(".floatBoxBg").hide();
		var date=new Date();
		var curdate=date.getDate();
		if(curdate<=3 || localStorage.getItem(localStorage.getItem("curphone"))==null)
		{
			$(".tishi1").show();
			$(".tishi2").show();
		}
	});
      function hideURLbar(){ 
               window.scrollTo(0,1); 
      }
      if(navigator.userAgent.toLowerCase().indexOf("android", 0)<0){
         $("#footer").css({"center;z-index":"999","position":"fixed","bottom":"0"});
         window.scrollTo(0,1); 
        }else{
        $("#footer").css({"position":"fixed","bottom":"0"});
    var top = $("#footer").offset().top;
   
        }
       });
$(document).ready(function(e) {
	$("#b2_last_value").css("margin-left","-20px");
	 var thisc=setInterval(function(){
		 if(cc==2)
			{
				clearInterval(thisc);
				$("#loading").hide();
				$(".floatBoxBg").hide();
			}
		 },200);
	hOrv();
	$(".tishi1").hide();
	$(".tishi2").bind("click",function(){
		$(".tishi1").hide();
		$(this).hide();
		localStorage.setItem(localStorage.getItem("curphone"),"no");
		}).hide();
	
	$("#liuliang_box").hide();
	$("#title_busi").append(localStorage.getItem("package"));
	$("body").attr("onresize","liuliangXy()");	
	topfield();
	var url3=jsonserver+"recommend/index/phone/"+localStorage.getItem("curphone")+"/ostype/"+detectDeviceType();
	$.getJSON(url3+".jsonp?callback=?",{},function(data){
		if(data==null){
			window.location.href='error.html?msg=0';
		}
		$.each(data,function(i,field){
			if(field.rectype=="1"){
				$("#recommendList").append('<div id='+"recommon"+i+' style="height: 155px; font-size: 30px; color:#2b2b2b;  background-image:url(resources/css/images/index/images/gray_white.png)"><table width="100%" height="155px" border="0"><tr height="102px"><td width="76px" style="text-align:right">'+field.icon+'</td><td align="left">'+field.desc+'</td></tr><tr><td>&nbsp;</td><td style="text-align: right; font-size: 24px; color:#292b2e">更多预警<span><img src="resources/css/images/index/images/arrow_.png"/></span></td></tr></table></div>');
			}else if(field.rectype=="2"){
				$("#recommendList").append('<div id='+"recommon"+i+' style="height: 155px; font-size: 24px; background-image:url(resources/css/images/index/images/gray_white.png)"><table width="100%" height="155px" border="0"><tr><td width="111px" style="text-align:right">'+field.icon+'</td><td style="padding-left:10px; font-size:36px; color:#2b2b2b">'+field.desc+'</td><td width="43px" style="text-align:left"><img src="resources/css/images/index/images/arrow.png"/></td></tr></table></div>');
			}else{
				$("#recommendList").append('<div id='+"recommon"+i+' style="height: 155px; font-size: 24px; background-image:url(resources/css/images/index/images/gray_white.png)"><table width="100%" height="155px" border="0"><tr><td width="111px" style="text-align:right"><img width="85px" height="85px" src='+field.icon+' /></td><td style="padding-left:10px; font-size:34px; color:#2b2b2b"><div id="app_desc" class="overhide">'+field.desc+'</div></td><td width="150px" style="text-align:center; font-size:28px; color:#2b2b2b"><div id="pay">'+field.isfree+'</div></td><td width="40px" style="text-align:left"><img src="resources/css/images/index/images/arrow.png"/></td></tr></table></div>');			
			}
			var w=document.body.clientWidth;
			$(".overhide").attr("style","width:"+(w-85-150-40-10)+"px");
			$("#recommon"+i).bind("click",function(){
				window.location.href=field.links;
			});
		});
	});
	$("#wave_box").bind("load",function(){
		liuliangXy();
		$("#liuliang_box").show();
	});
});
function hOrv()
{
	if(window.orientation==0 || window.orientation==180)
	{
		$(".tishi1").attr("src","resources/css/images/index/images/tishi1-h.gif").attr("width","640");
		$(".tishi2").attr("src","resources/css/images/index/images/tishi2-h.gif").attr("width","640");
	}
	else
	{
		$(".tishi1").attr("src","resources/css/images/index/images/tishi1-v.gif").attr("width","1100");
		$(".tishi2").attr("src","resources/css/images/index/images/tishi2-v.gif").attr("width","960");
	}
}
function liuliangXy(){
	var itop=$("#wave_box").offset().top;
	var ileft=$("#wave_box").offset().left;
	var useragent=navigator.userAgent;
	$("#liuliang_box").get(0).style.top=itop+"px";
	$("#liuliang_box").get(0).style.left=ileft+"px";
	var w=document.body.clientWidth ;
	//if(detectDeviceType()=="Apple"){
	//	$(".overhide").attr("style","width:"+(2*w-85-150-40-10)+"px");
	//}else{
		$(".overhide").attr("style","width:"+(w-85-150-40-10)+"px");
	//}
}
//
function topfield(){
	$("#flow_abs").empty();
	$("#flow_per").empty();
	$("#icon_status").empty();
	$("#b1_icon").empty();
	$("#b1_last_value").empty();
	$("#b1_used_value").empty();
	$("#b2_last_value").empty();
	$("#b2_icon").empty();
	$("#b2_used_value").empty();
	$("#flow_per_desc").empty();
	$("#charge").empty();
	$("#balance").empty();
	$("#charge_status").empty();
var url1=jsonserver+"packagebalance/phone/"+localStorage.getItem("curphone")+"/phonekey/"+localStorage.getItem("userkey");
	$.getJSON(url1+".jsonp?callback=?",{},function(data){
		errorcheck(data.sb.status,data.sb.msg);
		$("#flow_abs").append(data.flow_abs);
		$("#flow_per").append(data.flow_per);
		$("#icon_status").append(data.icon_status);
		$("#b1_last_value").append(data.b1_last_value);
		$("#b1_icon").append(data.b1_icon);
		$("#b1_used_value").append(data.b1_used_value);
		$("#b2_last_value").append(data.b2_last_value);
		$("#b2_icon").append(data.b2_icon);
		$("#b2_used_value").append(data.b2_used_value);
		$("#flow_per_desc").append(data.flow_per_desc);
		liuliangXy();
		$("#liuliang_box").show();
		cc++;
	});
	var url2=jsonserver+"account/phone/"+localStorage.getItem("curphone")+"/phonekey/"+localStorage.getItem("userkey");
	$.getJSON(url2+".jsonp?callback=?",{},function(data){
		errorcheck(data.sb.status,data.sb.msg);
		$("#charge").html(data.accountstatusbean.charge);
		$("#balance").html(data.accountstatusbean.balance);
		$("#charge_status").append(data.charge_status);
		cc++;
	});
}

</script>
<link rel="stylesheet" type="text/css" href="resources/css/index.css">
<link href="resources/css/load.css" rel="stylesheet" type="text/css">
<!-- InstanceEndEditable -->
<style type="text/css">
*{
	font-family:Heiti SC;
}
</style>
	<script type="text/javascript">
//var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
//document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F2284c04845acdcd94dd640a8555927dc' type='text/javascript'%3E%3C/script%3E"));
</script>
</head>

<body style="margin:0;">

	<div id="header">
	<!-- InstanceBeginEditable name="EditRegion-header" -->
    <img src="resources/css/images/index/images/tishi1-v.gif" width="960" height="1280" class="tishi1">
    <img src="resources/css/images/index/images/tishi2-v.gif" width="960" height="1280" class="tishi2">
    <div style="height: 90px; text-align: center; font-size: 30px; background-color:#f9f9f9"><table width="100%" height="90px" border="0">
  <tr>
    <td width="10%" style="text-align:center"><img src="resources/css/images/index/images/top_left.png" onClick="javascript:window.location.href='config.html'"/></td>
    <td width="28%">智能云管家</td>
    <td><img src="resources/css/images/index/images/top_fg.png"/></td>
    <td width="48%"><div id="title_busi"></div></td>
    <td width="10%" style="text-align:center"><img src="resources/css/images/index/images/top_right.png" onClick="javascript:window.location.href='mybusiness.html'"/></td>
  </tr>
</table>
</div>
	<!-- InstanceEndEditable -->
    </div>
    <div id="content">
    <div id="loading" class="loading"><img src="resources/css/images/loading.gif"/>载入中...</div>
    <div class="floatBoxBg"></div>
	<!-- InstanceBeginEditable name="EditRegion-content" -->
    <div>
    <div style="height: 296px; text-align: center; font-size: 24px; color: #FFF; background-image: url(resources/css/images/index/images/top_bg.png); font-family: '黑体';" onClick="javascript:window.location.href='mybusiness.html'">
    <table width="100%" height="296px" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td rowspan="4" width="47%" ><img id="wave_box" src="resources/css/images/index/images/box.png"/></td>
    <td rowspan="4" width="2%"><img src="resources/css/images/index/images/line_top.png"/></td>

    <td width="51%" colspan="2" height="74px"><div id="b1_last_value"></div>
      </td>
  </tr>
  <tr>
    <td style="text-align:right" height="74px"><span id="b1_icon"></span>&nbsp;&nbsp;</td>
    <td style="text-align:left"><span id="b1_used_value"></span></td>
  </tr>
  <tr>

    <td height="74px" colspan="2"><div id="b2_last_value"></div></td>
  </tr>
  <tr>
    <td style="text-align:right" height="74px" width="23%" valign="middle"><span id="b2_icon"></span>&nbsp;&nbsp;</td>
    <td style="text-align:left" height="74px" valign="middle"><span id="b2_used_value"></span></td>
  </tr>
</table>
</div>
<table width="100%" height="119px" border="0" cellpadding="0" cellspacing="0">
  
  <tr>
    <td width="22px"><img src="resources/css/images/index/images/bottom_left.png"/></td>
    <td  width="10px" style="background: url(resources/css/images/index/images/bottom_bg.jpg) repeat-x; "></td>
    <td  style="background: url(resources/css/images/index/images/bottom_bg.jpg) repeat-x; font-size: 32px; color: #c2c2c2; text-align: left;" id="charge"></td>
    <td width="10px" style="background: url(resources/css/images/index/images/bottom_bg.jpg) repeat-x;"></td>
    <td  style="background:url(resources/css/images/index/images/bottom_bg.jpg) repeat-x; font-size:32px; color:#c2c2c2; text-align: left;" id="balance"></td>
    <td width="20%" style="text-align:center;background:url(resources/css/images/index/images/bottom_bg.jpg) repeat-x;"><div id="charge_status" onClick="javascript:window.location.href='recharge.html'"></div></td>
    <td width="22px"><img src="resources/css/images/index/images/bottom_right.png"/></td>
  </tr>
 <!-- <tr>
    <td width="22px"><img src="resources/css/images/index/images/bottom_left.png"/></td>
    <td colspan="2" style="background-image: url(resources/css/images/index/images/bottom_bg.jpg); font-size: 32px; color: #c2c2c2; text-align: center">当月话费<br/><span style="font-size:24px;"><span class='redZheng'>-101</span><span class='redXiao'>.5</span>元</span></td>
    <td colspan="2" style="background-image:url(resources/css/images/index/images/bottom_bg.jpg); font-size:32px; color:#c2c2c2; text-align:center">当月余额<br/><span style="font-size:24px;"><span class='yellowZheng'>326</span><span class='yellowXiao'>.1</span>元</span></td>
    <td width="20%" style="text-align:center;background-image:url(resources/css/images/index/images/bottom_bg.jpg)"><div id="charge_status" onClick="javascript:window.location.href='recharge.html'"></div></td>
    <td width="22px"><img src="resources/css/images/index/images/bottom_right.png"/></td>
  </tr>-->
</table>
</div>
<div id="recommendList">

</div>
</div>
asfasdfasdfewrs
<div style="background:url(bi/res/index/images/backwo.jpg) repeat-x; width:100%; height:auto;"></div>
	<!-- InstanceEndEditable -->
    </div>
    <!-- InstanceBeginEditable name="EditRegion-footer" -->
	<!-- InstanceEndEditable -->
    <div id="footer">
    </div>
    
</body>
<!-- InstanceEnd --></html>
